.document-panel {
  padding: 20px;
  background-color: #FFF;
  margin-bottom: 20px;
}

.document-panel .content h5 {
  font: 19px/22px officina, arial, "san-serif";
}

.document-panel .content h5 a{
  text-decoration: none;
}


.document-panel img {
  float: left;
  border: 1px solid #d7d7d7;
}

.document-panel .content {
  position: relative;
  margin-left: 110px;
  min-height: 125px;
}


.document-panel h4 a:hover{
  color: #ffba24;
}

.document-panel .content .summary {
	margin-top: 10px;
  color: #AAA;
	line-height: 20px;
}

.document-panel .authors span {
	color:#AAA;
	margin-left: 5px;
}

.document-panel .tags {
	 margin-top: 20px;
  list-style: none;
  overflow: hidden;
}

.document-panel .tags li {
	float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.document-panel .tags li a {
  display: block;
  background-color: #ffba24;
  color: white;
  padding: 5px 10px;
  text-decoration: none;
}

.document-panel .date {
	float: right;
  font-size: 10px;
  margin-bottom: 10px;
  color: #606060;
}

/*______ BLOGS ______*/

.blog-panel {
  background: #FFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  
}

.blog-panel > img {
  -ms-flex: 1;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 200px;
}

.blog-panel .blog-entry-info{
  position: relative;
  -ms-flex: 1;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  min-width: 200px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  padding-bottom: 40px;
}

.blog-panel h4 {
	margin-bottom: 6px;
}

.document-panel h4 a,
.blog-panel h4 a {
  overflow: hidden;
	text-overflow: ellipsis;
  display: -webkit-box;
	max-height: 56px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  text-decoration: none;
}
.blog-panel h4 a:hover {
	color: #ffba24;
}

.entry-description {
	color: #777;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.entry-author {
	height: 40px;
}

.entry-author img {
	float: left;
}

.entry-author .author-info {
	position: relative;
  margin: 10px 0px 10px 50px;
}

.author-info a {
	display: block;
  text-decoration: none;
  font: 17px/20px 'Roboto',arial,"san-serif";
}

.author-info .entry-date {
	font: 14px/20px 'Roboto',arial,"san-serif";
  color: #AAA;
}

.blog-title {
	position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  background-color: #ffba24;
  padding: 0px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.blog-title a {
	display: block;
  font: 18px/30px 'Roboto',arial,"san-serif";
  height: 30px;
  color: #FFF;
  text-decoration: none;
}